<template>
    <div class="imageDialog">
        <el-dialog :visible="dialogVisual" title="" @close="closed()">
            <div v-if="images.length > 0" v-for="item in images" :key="item">
                <img style="width: 100%;" :src="item"/>
            </div>
            <span v-else>无图片</span>
        </el-dialog>
    </div>
</template>

<script>
export default {
    name: 'imageDialog',
    props: {
        dialogVisual: {
            type: Boolean,
            default: false
        },
        images: {
            type: Array
        }
    },
    data() {
        return {

        }
    },
    methods: {
        closed() {
            this.$emit('handleClose')
        }
    }
}
</script>

<style lang="scss" scoped>
</style>